<%--
  Created by IntelliJ IDEA.
  User: tjy31
  Date: 2024/9/2
  Time: 11:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %><html>
<head>
  <title>$Title$</title>
</head>
<body>

<div class="login-container">
  <h2>登录</h2>
  <form action="LoginServlet" method="GET">
    <label for="username">账号:</label>
    <input type="text" id="username" name="username" required>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>
    <input type="submit" value="登录">
  </form>
</div>

</body>
<style>
  body {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .login-container label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
  }
  .login-container input[type="text"], .login-container input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .login-container input[type="submit"] {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
  }

</style>
</html>

